<html>
<head>
<title> testing moo tips </title>

<script src="mootools-1.2.1-core-nc.js"></script>
<script src="mootools-1.2-more.js"></script>

<style>
.classname {
        color: aabbff;
        width: 700px;
        background-color: black;
        overflow-x: auto;
        overflow-y: auto;
}
</style>

</head>
<body>

<h1> <em title="here is a tip!" id="tipme">This</em> is a test of moo tips</h1>

<script>
var myTips = new Tips($("tipme"), {"className": "classname"});
$('tipme').store('tip:title', 'custom <h1>title</h1> for tip 1');
$('tipme').store('tip:text', 'custom text for tip 1');
</script>

</body>
</html>